    <!-- 以上是_meta.html -->
    {include file="public/meta"}
    <style type="text/css">
        .table>thead>tr>th,
        .table>tbody>tr>th,
        .table>tfoot>tr>th,
        .table>thead>tr>td,
        .table>tbody>tr>td,
        .table>tfoot>tr>td {
            border-top: 1px solid white;
        }
        .table>thead>tr>th {
            border-bottom: 2px solid #ddd;
        }
        .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
            background-color:#f5f5f5;
        }
        .activeed {
            background-color: rgba(255,255,255,0.2);
        }
        /* 创建课程样式 */
        .checkType h3{
            font-size: 15px;
            font-weight: 500;
            color: #919191;
            padding-left: 12px;
        }
        .checkType{
            margin-left: 5px;
            margin-top: 5px;
            border-left:5px solid #0288d1;
            height: 25px;
            padding-top: 5px;
        }

        /* 创建课程信息 */
        .createBtn {
            text-align: center;
            margin-top: 50px;
        }
        .createBtn .createTo {
            font-size: 14px;
            padding: 5px 12px;
            background: #0288d1;
            color: #fff;
            border-radius: 4px;
            cursor: pointer;
        }
        .createBtn .createCancel {
            font-size: 14px;
            padding: 5px 12px;
            color: #919191;
            border-radius: 4px;
            cursor: pointer;
        }
        .lessonList{
            display: flex;
            justify-content: space-around;
            align-items: center;
            color: rgba(0,0,0,.56);
            margin-top: 50px
        }
        .lessonList-item {
            border: 2px solid transparent;
            background: #f4f6f8;
            padding: 35px 20px;
            border-radius: 12px;
            height: 180px;
            width: 180px;
        }
        .lessonList-item:hover {
            border: 2px solid #0288d1
        }
        .lesson-img {
            width: 33px;
            height: 33px;
            position: absolute;
            top:15px;
            left: 70px;

        }
        .lesson-img img {
            width: 100%;
            height: 100%;
            margin-bottom: 50px;
        }
        .lesson-title {
            margin-top: 25px;
            border-bottom: 1px solid #e1e1e1;
            text-align: center
        }
        .lesson-students h1, p {
            font-size: 10px;
            font-weight: 500;
            line-height: 20px;
            text-align: center;
            overflow: hidden;
        }
        .lesson-intro {
            padding-top: 10px
        }
        .actived {
            background: #0288d1;
            color: #fff;
        }
    </style>
    <!-- 这里是_header.html -->
    {include file="public/header"}
    <!-- 这里是_menu.html -->
    {include file="public/menu"}
    <section class="Hui-article-box" style="height: 1250px;">
        <div class="row">
            <div class="col-md-12 right-content">
                <div class="col-md-10">
                    <span style="font-size: 20px;">课程管理</span>
                </div>
                <div class="col-md-1 hidden-xs hidden-sm">
                    <button type="submit" class="btn btn-primary radius" data-toggle="modal" data-target="#createclassModel">创建课程</button>
                </div>
            </div>
        </div>
        <div class="col-md-12">
            <div id="tab_demo" class="HuiTab">
                <div class="tabBar clearfix" style="border-bottom: 1px solid royalblue;"><span>课程管理</span><span>课程推荐</span><span>课程统计</span></div>
                <div class="tabCon">
                    <div class="row col-md-12 hidden-xs hidden-sm">
                        <select class="hidden-xs hidden-sm classmanage-sel">
                            <option value="普通课程">普通课程</option>
                            <option value="组合课程">组合课程</option>
                            <option value="会员课程">会员课程</option>
                        </select>
                        <select class="hidden-xs hidden-sm classmanage-sel2">
                            <option value="课程分类">课程分类</option>
                            <option value="组合课程">组合课程</option>
                            <option value="219" style="font-weight: 700;">课程一级菜单</option>
                            <option value="220" style="margin-left: 10px;">&nbsp;&nbsp;&nbsp;课程二级级菜单</option>
                            <option value="220" style="margin-left: 10px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;课程三级级菜单</option>
                            <option value="会员课程">会员课程</option>
                        </select>
                        <div class="selectivity-body">
                            <div id="selectivity" name="name"></div>
                        </div>
                        <select class="hidden-xs hidden-sm classmanage-sel3">
                            <option value="输入标签名称关键字">课程状态</option>
                            <option value="组合课程">未发布</option>
                            <option value="会员课程">已发布</option>
                            <option value="会员课程">关闭</option>
                        </select>
                        <select class="hidden-xs hidden-sm classmanage-sel4">
                            <option value="输入标签名称关键字">类型</option>
                            <option value="组合课程">直播课程</option>
                            <option value="会员课程">点播课程</option>
                            <option value="会员课程">面授课程</option>
                        </select>
                        <input type="text" placeholder="标题" class="classmage-title"/>
                    </div>
                    <div class="col-md-11" style="margin-top: 20px;margin-left: 0px;">
                        <div class="clearfix">
                            <form method="get" action="">
                                <input type="text" placeholder="创建者" class="input-text ac_input" name="search_text" value="" id="search_text" autocomplete="off" style="width:157px;border-radius: 5px;"><button type="submit" class="btn btn-primary radius" id="search_button">搜索</button>
                            </form>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <p class="text-muted notice-title">
									<span class="mrl tilte-left">课程:<strong class="inflow-num tilte1">1781</strong>个&ensp;&ensp;
									</span>
                            <span class="mrl tilte-left">已发布:<strong class="inflow-num tilte1">947</strong>个&ensp;&ensp;
									</span>
                            <span class="mrl tilte-left">已关闭:<strong class="inflow-num tilte1">134</strong>个&ensp;&ensp;
									</span>
                            <span class="mrl tilte-left">未发布:<strong class="inflow-num tilte1">700</strong>个
									</span>
                        </p>
                    </div>
                    <div class="col-md-6 hidden-xs hidden-sm" style="position: absolute;top: 110px;right: 0;padding-left: 700px;">
                        <button type="button" class="btn btn-primary radius class-tip"  title="课程说明" data-container="body" data-toggle="popover" data-placement="left" data-content="1. 编号及排序无法修改；2. 课程地址规则：域名/course_set/课程编号；">?</button>
                    </div>
                    <table class="table table-border radius table-striped" id="table-items">
                        <thead>
                        <tr>
                            <th>课程编号</th>
                            <th width="30%">名称</th>
                            <th width="10%">价格</th>
                            <th>计划数</th>
                            <th>标签</th>
                            <th>学员数</th>
                            <th>创建者/时间</th>
                            <th>课程状态</th>
                            <th width="10%">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>2048</td>
                            <td><a href="#" class="green-tip">教综冲刺直播</a><span class="label label-success radius">直播课程</span><br>分类：教综系列</td>
                            <td>0.00</td>
                            <td><a data-toggle="modal" data-target="#plannumber" class="planenumber-tip">1</a></td>
                            <td>英语<i class="Hui-iconfont" title="更多标签" data-container="body" data-toggle="popover" data-placement="right"
                                     data-content="专业课、热销">&#xe715;</i></td>
                            <td>7</td>
                            <td><a href="#" class="linkman-number" data-toggle="modal" data-target="#exampleModal3">18655645512</a><br><span
                                    class="datetime-tip">2020-05-21 16:21</span></td>
                            <td><span class="aleady-pu">已发布</span><br><span style="color: grey">非连载课程</span></td>
                            <td>
                                <div class="btn-group">
                                    <a class="btn btn-default btn-sm" href="" target="_blank">管理</a>
                                    <a href="#" type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"
                                       aria-expanded="false">
                                        <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a title="推荐课程" data-url="" data-toggle="modal" data-target="#recommendModal">
                                                <i class="Hui-iconfont">&#xe648;</i>
                                                推荐课程
                                            </a>

                                        </li>
                                        <li>
                                            <a title="关闭课程" class="publish-course" data-url="" href="javascript:;">
                                                <i class="Hui-iconfont">&#xe6a6;</i>
                                                关闭课程
                                            </a>

                                        </li>
                                        <li>
                                            <a title="发送短信通知" class="publish-course" data-url="" href="javascript:;" data-toggle="modal" data-target="#sendmessagemodel">
                                                <i class="Hui-iconfont">&#xe603;</i>
                                                发送短信通知
                                            </a>

                                        </li>

                                        <li>
                                            <a title="删除课程" class="delete-course" data-url="" href="javascript:;">
                                                <i class="Hui-iconfont">&#xe6e2;</i>
                                                删除课程
                                            </a>

                                        </li>

                                    </ul>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>2048</td>
                            <td><a href="#" class="green-tip">教育冲刺直播</a><span class="label label-success radius">直播课程</span><br>分类：教综系列</td>
                            <td>0.00</td>
                            <td><a data-toggle="modal" data-target="#plannumber" class="planenumber-tip">1</a></td>
                            <td>英语<i class="Hui-iconfont" title="更多标签" data-container="body" data-toggle="popover" data-placement="right"
                                     data-content="专业课、热销">&#xe715;</i></td>
                            <td>7</td>
                            <td><a href="#"  class="linkman-number" data-toggle="modal" data-target="#exampleModal3">18655645512</a><br><span
                                    class="datetime-tip">2020-05-21 16:21</span></td>
                            <td><span class="aleady-close">已关闭</span><br><span style="color: grey">非连载课程</span></td>
                            <td>
                                <div class="btn-group">

                                    <a class="btn btn-default btn-sm" href="#" target="_blank">管理</a>
                                    <a href="#" type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"
                                       aria-expanded="false">
                                        <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a title="推荐课程" data-url="" href="#">
                                                <i class="Hui-iconfont">&#xe648;</i>
                                                推荐课程
                                            </a>
                                        </li>
                                        <li>
                                            <a title="发布课程" class="delete-course" data-url="" href="javascript:;">
                                                <i class="Hui-iconfont">&#xe600;</i>
                                                发布课程
                                            </a>
                                        </li>
                                        <li>
                                            <a title="删除课程" class="delete-course" data-url="" href="javascript:;">
                                                <i class="Hui-iconfont">&#xe6e2;</i>
                                                删除课程
                                            </a>

                                        </li>
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>2048</td>
                            <td><a href="#" class="green-tip">教育综合知识</a><span class="label label-primary radius">点播课程</span><br>分类：教综系列</td>
                            <td>0.00</td>
                            <td><a data-toggle="modal" data-target="#plannumber" class="planenumber-tip">1</a></td>
                            <td>英语<i class="Hui-iconfont" title="更多标签" data-container="body" data-toggle="popover" data-placement="right"
                                     data-content="专业课、热销">&#xe715;</i></td>
                            <td>7</td>
                            <td><a href="#" class="linkman-number" data-toggle="modal" data-target="#exampleModal3">18655645512</a><br><span
                                    class="datetime-tip">2020-05-21 16:21</span></td>
                            <td><span class="no-public">未发布</span><br><span style="color: grey">更新中</span></td>
                            <td>
                                <div class="btn-group">

                                    <a class="btn btn-default btn-sm" href="/course_set/2480/manage/base" target="_blank">管理</a>
                                    <a href="#" type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"
                                       aria-expanded="false">
                                        <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a title="推荐课程" data-url="" data-toggle="modal" data-target="#recommendModal">
                                                <i class="Hui-iconfont">&#xe648;</i>
                                                推荐课程
                                            </a>

                                        </li>
                                        <li>
                                            <a title="发布课程" class="publish-course" data-url="" href="javascript:;">
                                                <i class="Hui-iconfont">&#xe687;</i>
                                                复制课程
                                            </a>

                                        </li>
                                        <li>
                                            <a title="发布课程" class="publish-course" data-url="" href="javascript:;">
                                                <i class="Hui-iconfont">&#xe600;</i>
                                                发布课程
                                            </a>

                                        </li>
                                        <li>
                                            <a title="删除课程" class="delete-course" data-url="/admin/v2/course_set/2480/delete?filter=normal" href="javascript:;">
                                                <i class="Hui-iconfont">&#xe6e2;</i>
                                                删除课程
                                            </a>

                                        </li>

                                    </ul>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>2048</td>
                            <td><a href="#" class="green-tip">专业知识精讲班</a><span class="label label-primary radius">点播课程</span><br>分类：专业课系列</td>
                            <td>0.00</td>
                            <td><a data-toggle="modal" data-target="#plannumber" class="planenumber-tip">1</a></td>
                            <td>英语</td>
                            <td>7</td>
                            <td><a href="#" class="linkman-number" data-toggle="modal" data-target="#exampleModal3">18655645512</a><br><span
                                    class="datetime-tip">2020-05-21 16:21</span></td>
                            <td><span style="color:#e83d2c!important;font-size: 15px;">已关闭</span><br><span style="color: grey">已完结</span></td>
                            <td>
                                <div class="btn-group">
                                    <a class="btn btn-default btn-sm" href="/course_set/2480/manage/base" target="_blank">管理</a>
                                    <a href="#" type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"
                                       aria-expanded="false">
                                        <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a title="推荐课程" data-url="/admin/v2/course_set/2480/recommend?filter=normal&amp;ref=courseList"
                                               data-toggle="modal" data-target="#modal" href="#modal">
                                                <i class="Hui-iconfont">&#xe648;</i>
                                                推荐课程
                                            </a>

                                        </li>
                                        <li>
                                            <a title="复制课程" class="publish-course" data-url="/admin/v2/course_set/2480/publish?filter=normal" href="javascript:;">
                                                <i class="Hui-iconfont">&#xe687;</i>
                                                复制课程
                                            </a>

                                        </li>
                                        <li>
                                            <a title="发布课程" class="delete-course" data-url="/admin/v2/course_set/2480/delete?filter=normal" href="javascript:;">
                                                <i class="Hui-iconfont">&#xe600;</i>
                                                发布课程
                                            </a>
                                        </li>
                                        <li>
                                            <a title="删除课程" class="delete-course" data-url="/admin/v2/course_set/2480/delete?filter=normal" href="javascript:;">
                                                <i class="Hui-iconfont">&#xe6e2;</i>
                                                删除课程
                                            </a>

                                        </li>
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>2048</td>
                            <td><a href="#" class="green-tip">教综特训班</a><span class="label label-warning radius">面授课程</span><br>分类：教综系列</td>
                            <td>0.00</td>
                            <td><a data-toggle="modal" data-target="#plannumber" class="planenumber-tip">1</a></td>
                            <td>英语</td>
                            <td>7</td>
                            <td><a href="#" class="linkman-number" data-toggle="modal" data-target="#exampleModal3">18655645512</a><br><span
                                    class="datetime-tip">2020-05-21 16:21</span></td>
                            <td><span class="no-public">未发布</span><br><span style="color: grey">非连载课程</span></td>
                            <td>
                                <div class="btn-group">

                                    <a class="btn btn-default btn-sm" href="#" target="_blank">管理</a>
                                    <a href="#" type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"
                                       aria-expanded="false">
                                        <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a title="推荐课程" data-url="" data-toggle="modal" data-target="#recommendModal">
                                                <i class="Hui-iconfont">&#xe648;</i>
                                                推荐课程
                                            </a>

                                        </li>
                                        <li>
                                            <a title="发布课程" class="publish-course" data-url="/admin/v2/course_set/2480/publish?filter=normal" href="javascript:;">
                                                <i class="Hui-iconfont">&#xe687;</i>
                                                复制课程
                                            </a>

                                        </li>
                                        <li>
                                            <a title="发布课程" class="publish-course" data-url="/admin/v2/course_set/2480/publish?filter=normal" href="javascript:;">
                                                <i class="Hui-iconfont">&#xe600;</i>
                                                发布课程
                                            </a>

                                        </li>
                                        <li>
                                            <a title="删除课程" class="delete-course" data-url="/admin/v2/course_set/2480/delete?filter=normal" href="javascript:;">
                                                <i class="Hui-iconfont">&#xe6e2;</i>
                                                删除课程
                                            </a>

                                        </li>

                                    </ul>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>2048</td>
                            <td><a href="#" class="green-tip">教育冲刺直播</a><span class="label label-success radius">直播课程</span><br>分类：教综系列<span
                                    class="label label-default radius" style="color: #7b7b7b;">荐：2020-06-02 / 序号：0</span></td>
                            <td>0.00</td>
                            <td><a data-toggle="modal" data-target="#plannumber" class="planenumber-tip">1</a></td>
                            <td>英语</td>
                            <td>7</td>
                            <td><a href="#" class="planenumber-tip" data-toggle="modal" data-target="#exampleModal3">18655645512</a><br><span
                                    class="datetime-tip">2020-05-21 16:21</span></td>
                            <td><span class="no-public">未发布</span><br><span style="color: grey">非连载课程</span></td>
                            <td>
                                <div class="btn-group">

                                    <a class="btn btn-default btn-sm" href="/course_set/2480/manage/base" target="_blank">管理</a>
                                    <a href="#" type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"
                                       aria-expanded="false">
                                        <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a title="取消推荐" data-url="" data-toggle="modal" data-target="#recommendModal">
                                                <i class="Hui-iconfont">&#xe649;</i>
                                                取消推荐
                                            </a>

                                        </li>

                                        <li>
                                            <a title="发布课程" class="publish-course" data-url="#" href="javascript:;">
                                                <i class="Hui-iconfont">&#xe600;</i>
                                                发布课程
                                            </a>

                                        </li>
                                        <li>
                                            <a title="删除课程" class="delete-course" data-url="#" href="javascript:;">
                                                <i class="Hui-iconfont">&#xe6e2;</i>
                                                删除课程
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>2048</td>
                            <td><a href="#" class="green-tip">教育冲刺直播</a><span class="label label-success radius">直播课程</span><br>分类：教综系列<span
                                    class="label label-default radius" style="color: #7b7b7b;">荐：2020-06-02 / 序号：0</span></td>
                            <td>0.00</td>
                            <td><a data-toggle="modal" data-target="#plannumber" class="planenumber-tip">1</a></td>
                            <td>英语</td>
                            <td>7</td>
                            <td><a href="#" class="planenumber-tip" data-toggle="modal" data-target="#exampleModal3">18655645512</a><br><span
                                    class="datetime-tip">2020-05-21 16:21</span></td>
                            <td><span class="no-public" style="color:#e83d2c!important;font-size: 15px;">已关闭</span><br><span style="color: grey">非连载课程</span></td>
                            <td>
                                <div class="btn-group">

                                    <a class="btn btn-default btn-sm" href="" target="_blank">管理</a>
                                    <a href="#" type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"
                                       aria-expanded="false">
                                        <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a title="取消推荐" data-url="" data-toggle="modal" data-target="#recommendModal">
                                                <i class="Hui-iconfont">&#xe649;</i>
                                                取消推荐
                                            </a>
                                        </li>

                                        <li>
                                            <a title="发布课程" class="publish-course" data-url="" href="javascript:;">
                                                <i class="Hui-iconfont">&#xe600;</i>
                                                发布课程
                                            </a>

                                        </li>
                                        <li>
                                            <a title="删除课程" class="delete-course" data-url="" href="javascript:;">
                                                <i class="Hui-iconfont">&#xe6e2;</i>
                                                删除课程
                                            </a>

                                        </li>

                                    </ul>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>2048</td>
                            <td><a href="#" class="green-tip">教育冲刺直播</a><span class="label label-success radius">直播课程</span><br>分类：教综系列</td>
                            <td>0.00</td>
                            <td><a data-toggle="modal" data-target="#plannumber" class="planenumber-tip">1</a></td>
                            <td>英语</td>
                            <td>7</td>
                            <td><a href="#" class="planenumber-tip" data-toggle="modal" data-target="#exampleModal3">18655645512</a><br><span
                                    class="datetime-tip">2020-05-21 16:21</span></td>
                            <td><span class="no-public">未发布</span><br><span style="color: grey">非连载课程</span></td>
                            <td>
                                <div class="btn-group">

                                    <a class="btn btn-default btn-sm" href="" target="_blank">管理</a>
                                    <a href="#" type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"
                                       aria-expanded="false">
                                        <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a title="推荐课程" data-url="" data-toggle="modal" data-target="#recommendModal">
                                                <i class="Hui-iconfont">&#xe648;</i>
                                                推荐课程
                                            </a>

                                        </li>

                                        <li>
                                            <a title="发布课程" class="publish-course" data-url="" href="javascript:;">
                                                <i class="Hui-iconfont">&#xe600;</i>
                                                发布课程
                                            </a>

                                        </li>
                                        <li>
                                            <a title="删除课程" class="delete-course" data-url="" href="javascript:;">
                                                <i class="Hui-iconfont">&#xe6e2;</i>
                                                删除课程
                                            </a>

                                        </li>

                                    </ul>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>2048</td>
                            <td><a href="#" class="green-tip">教育冲刺直播</a><span class="label label-success radius">直播课程</span><br>分类：教综系列<span
                                    class="label label-default radius" style="color: #7b7b7b;">荐：2020-06-02 / 序号：0</span></td>
                            <td>0.00</td>
                            <td><a data-toggle="modal" data-target="#plannumber" class="planenumber-tip">1</a></td>
                            <td>英语</td>
                            <td>7</td>
                            <td><a href="#" class="planenumber-tip" data-toggle="modal" data-target="#exampleModal3">18655645512</a><br><span
                                    class="datetime-tip">2020-05-21 16:21</span></td>
                            <td><span class="aleady-pu">已发布</span><br><span style="color: grey">非连载课程</span></td>
                            <td>
                                <div class="btn-group">

                                    <a class="btn btn-default btn-sm" href="" target="_blank">管理</a>
                                    <a href="#" type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"
                                       aria-expanded="false">
                                        <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a title="取消推荐" data-url="" data-toggle="modal" data-target="#recommendModal">
                                                <i class="Hui-iconfont">&#xe649;</i>
                                                取消推荐
                                            </a>
                                        </li>
                                        <li>
                                            <a title="关闭课程" class="publish-course" data-url="" href="javascript:;">
                                                <i class="Hui-iconfont">&#xe6a6;</i>
                                                关闭课程
                                            </a>
                                        </li>
                                        <li>
                                            <a title="发送短信通知" class="publish-course" data-url="" href="javascript:;" data-toggle="modal" data-target="#sendmessagemodel">
                                                <i class="Hui-iconfont">&#xe603;</i>
                                                发送短信通知
                                            </a>
                                        </li>

                                        <li>
                                            <a title="删除课程" class="delete-course" data-url="" href="javascript:;">
                                                <i class="Hui-iconfont">&#xe6e2;</i>
                                                删除课程
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>2048</td>
                            <td><a href="#" class="green-tip">教育冲刺直播</a><span class="label label-success radius">直播课程</span><br>分类：教综系列</td>
                            <td>0.00</td>
                            <td><a data-toggle="modal" data-target="#plannumber" class="planenumber-tip">1</a></td>
                            <td>英语</td>
                            <td>7</td>
                            <td><a href="#" class="planenumber-tip" data-toggle="modal" data-target="#exampleModal3">18655645512</a><br><span
                                    class="datetime-tip">2020-05-21 16:21</span></td>
                            <td><span class="no-public">未发布</span><br><span style="color: grey">非连载课程</span></td>
                            <td>
                                <div class="btn-group">

                                    <a class="btn btn-default btn-sm" href="" target="_blank">管理</a>
                                    <a href="#" type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"
                                       aria-expanded="false">
                                        <span class="caret"></span>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a title="推荐课程" data-url="" data-toggle="modal" data-target="#recommendModal">
                                                <i class="Hui-iconfont">&#xe648;</i>
                                                推荐课程
                                            </a>

                                        </li>

                                        <li>
                                            <a title="发布课程" class="publish-course" data-url="" href="javascript:;">
                                                <i class="Hui-iconfont">&#xe600;</i>
                                                发布课程
                                            </a>

                                        </li>
                                        <li>
                                            <a title="删除课程" class="delete-course" data-url="" href="javascript:;">
                                                <i class="Hui-iconfont">&#xe6e2;</i>
                                                删除课程
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                    <div class="col-md-4 col-sm-4  col-md-offset-5 col-sm-offset-8 pagenation">
                        <div class="btn-group">
                            <span class="btn btn-primary radius">上一页</span>
                            <span class="btn btn-default radius">1</span>
                            <span class="btn btn-default radius">2</span>
                            <span class="btn btn-default radius">3</span>
                            <span class="btn btn-default radius">...</span>
                            <span class="btn btn-default radius">下一页</span>
                        </div>
                    </div>
                </div>
                <div class="tabCon">
                    <div class="row col-md-8 hidden-xs hidden-sm" style="margin-top: 10px;">
                        <select class="hidden-xs hidden-sm col-md-2 class-recommend">
                            <option value="课程分类">课程分类</option>
                            <option value="小学英语">小学英语</option>
                            <option value="初中英语">初中英语</option>
                        </select>
                        <input type="text" placeholder="标题" class="recommend-title">
                        <div class="clearfix recommend-in" style="width: 300px !important;">
                            <form method="get" action="">
                                <input type="text" placeholder="创建者" style="border-radius: 5px !important;width: 157px !important;" class="input-text ac_input" name="search_text"  id="search_text" autocomplete="off"><button type="submit" class="btn btn-primary radius" id="search_button">搜索</button>
                            </form>
                        </div>
                    </div>
                    <div class="row col-md-12 col-sm-10 col-xs-12 content-body">
                        <table class="table table table-border radius table-striped">
                            <thead>
                            <thead>
                            <tr>
                                <th>顺序号</th>
                                <th width="35%">课程名称</th>
                                <th>创建者</th>
                                <th>推荐时间</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            </thead>
                            <tbody>
                            <tr>
                                <td>1</td>
                                <td><a href="#" class="jichupeixun">培训基础课程</a><br><span>分类：教综系列</span></td>
                                <td><a class="createman" data-toggle="modal" data-target="#exampleModal3">18655645512</a><br><span
                                        class="recommend-time">2020-05-21
													16:21</span></td>
                                <td>2020-04-25</td>
                                <td>
                                    <div class="btn-group">
                                        <a class="btn btn-default btn-sm" href="#" target="_blank" data-toggle="modal" data-target="#recommendModal">设置序号</a>
                                        <a href="#" type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"
                                           aria-expanded="false">
                                            <span class="caret"></span>
                                        </a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <a title="取消推荐" data-url="" data-toggle="modal" data-target="#modal" href="#modal">
                                                    <i class="Hui-iconfont">&#xe702;</i>
                                                    取消推荐
                                                </a>

                                            </li>
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td><a href="#" class="jichupeixun">培训基础课程</a><br><span>分类：教综系列</span></td>
                                <td><a class="createman" data-toggle="modal" data-target="#exampleModal3">18655645512</a><br><span
                                        class="recommend-time">2020-05-21
													16:21</span></td>
                                <td>2020-04-25</td>
                                <td>
                                    <div class="btn-group">
                                        <a class="btn btn-default btn-sm" href="#" target="_blank" data-toggle="modal" data-target="#recommendModal">设置序号</a>
                                        <a href="#" type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"
                                           aria-expanded="false">
                                            <span class="caret"></span>
                                        </a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <a title="取消推荐" data-url="" data-toggle="modal" data-target="#modal" href="#modal">
                                                    <i class="Hui-iconfont">&#xe702;</i>
                                                    取消推荐
                                                </a>

                                            </li>
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td><a href="#" class="jichupeixun">培训基础课程</a><br><span>分类：教综系列</span></td>
                                <td><a class="createman" data-toggle="modal" data-target="#exampleModal3">18655645512</a><br><span
                                        class="recommend-time">2020-05-21
												16:21</span></td>
                                <td>2020-04-25</td>
                                <td>
                                    <div class="btn-group">
                                        <a class="btn btn-default btn-sm" href="#" target="_blank" data-toggle="modal" data-target="#recommendModal">设置序号</a>
                                        <a href="#" type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"
                                           aria-expanded="false">
                                            <span class="caret"></span>
                                        </a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <a title="取消推荐" data-url="" data-toggle="modal" data-target="#modal" href="#modal">
                                                    <i class="Hui-iconfont">&#xe702;</i>
                                                    取消推荐
                                                </a>

                                            </li>
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td><a href="#" class="jichupeixun">培训基础课程</a><br><span>分类：教综系列</span></td>
                                <td><a class="createman" data-toggle="modal" data-target="#exampleModal3">18655645512</a><br><span
                                        class="recommend-time">2020-05-21
												16:21</span></td>
                                <td>2020-04-25</td>
                                <td>
                                    <div class="btn-group">
                                        <a class="btn btn-default btn-sm" href="#" target="_blank" data-toggle="modal" data-target="#recommendModal">设置序号</a>
                                        <a href="#" type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"
                                           aria-expanded="false">
                                            <span class="caret"></span>
                                        </a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <a title="取消推荐" data-url="" data-toggle="modal" data-target="#modal" href="#modal">
                                                    <i class="Hui-iconfont">&#xe702;</i>
                                                    取消推荐
                                                </a>

                                            </li>
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td><a href="#" class="jichupeixun">培训基础课程</a><br><span>分类：教综系列</span></td>
                                <td><a class="createman" data-toggle="modal" data-target="#exampleModal3">18655645512</a><br><span
                                        class="recommend-time">2020-05-21
												16:21</span></td>
                                <td>2020-04-25</td>
                                <td>
                                    <div class="btn-group">
                                        <a class="btn btn-default btn-sm" href="#" target="_blank" data-toggle="modal" data-target="#recommendModal">设置序号</a>
                                        <a href="#" type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"
                                           aria-expanded="false">
                                            <span class="caret"></span>
                                        </a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <a title="取消推荐" data-url="" data-toggle="modal" data-target="#modal" href="#modal">
                                                    <i class="Hui-iconfont">&#xe702;</i>
                                                    取消推荐
                                                </a>

                                            </li>
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td><a href="#" class="jichupeixun">培训基础课程</a><br><span>分类：教综系列</span></td>
                                <td><a class="createman" data-toggle="modal" data-target="#exampleModal3">18655645512</a><br><span
                                        class="recommend-time">2020-05-21
												16:21</span></td>
                                <td>2020-04-25</td>
                                <td>
                                    <div class="btn-group">
                                        <a class="btn btn-default btn-sm" href="#" target="_blank" data-toggle="modal" data-target="#recommendModal">设置序号</a>
                                        <a href="#" type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"
                                           aria-expanded="false">
                                            <span class="caret"></span>
                                        </a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <a title="取消推荐" data-url="" data-toggle="modal" data-target="#modal" href="#modal">
                                                    <i class="Hui-iconfont">&#xe702;</i>
                                                    取消推荐
                                                </a>

                                            </li>
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td><a href="#" class="jichupeixun">培训基础课程</a><br><span>分类：教综系列</span></td>
                                <td><a class="createman" data-toggle="modal" data-target="#exampleModal3">18655645512</a><br><span
                                        class="recommend-time">2020-05-21
												16:21</span></td>
                                <td>2020-04-25</td>
                                <td>
                                    <div class="btn-group">
                                        <a class="btn btn-default btn-sm" href="#" target="_blank" data-toggle="modal" data-target="#recommendModal">设置序号</a>
                                        <a href="#" type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"
                                           aria-expanded="false">
                                            <span class="caret"></span>
                                        </a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <a title="取消推荐" data-url="" data-toggle="modal" data-target="#modal" href="#modal">
                                                    <i class="Hui-iconfont">&#xe702;</i>
                                                    取消推荐
                                                </a>

                                            </li>
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td><a href="#" class="jichupeixun">培训基础课程</a><br><span>分类：教综系列</span></td>
                                <td><a class="createman" data-toggle="modal" data-target="#exampleModal3">18655645512</a><br><span
                                        class="recommend-time">2020-05-21
												16:21</span></td>
                                <td>2020-04-25</td>
                                <td>
                                    <div class="btn-group">
                                        <a class="btn btn-default btn-sm" href="#" target="_blank" data-toggle="modal" data-target="#recommendModal">设置序号</a>
                                        <a href="#" type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"
                                           aria-expanded="false">
                                            <span class="caret"></span>
                                        </a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <a title="取消推荐" data-url="" data-toggle="modal" data-target="#modal" href="#modal">
                                                    <i class="Hui-iconfont">&#xe702;</i>
                                                    取消推荐
                                                </a>

                                            </li>
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td><a href="#" class="jichupeixun">培训基础课程</a><br><span>分类：教综系列</span></td>
                                <td><a class="createman" data-toggle="modal" data-target="#exampleModal3">18655645512</a><br><span
                                        class="recommend-time">2020-05-21
												16:21</span></td>
                                <td>2020-04-25</td>
                                <td>
                                    <div class="btn-group">
                                        <a class="btn btn-default btn-sm" href="#" target="_blank" data-toggle="modal" data-target="#recommendModal">设置序号</a>
                                        <a href="#" type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"
                                           aria-expanded="false">
                                            <span class="caret"></span>
                                        </a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <a title="取消推荐" data-url="" data-toggle="modal" data-target="#modal" href="#modal">
                                                    <i class="Hui-iconfont">&#xe702;</i>
                                                    取消推荐
                                                </a>

                                            </li>
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>1</td>
                                <td><a href="#" class="jichupeixun">培训基础课程</a><br><span>分类：教综系列</span></td>
                                <td><a class="createman" data-toggle="modal" data-target="#exampleModal3">18655645512</a><br><span
                                        class="recommend-time">2020-05-21
												16:21</span></td>
                                <td>2020-04-25</td>
                                <td>
                                    <div class="btn-group">
                                        <a class="btn btn-default btn-sm" href="#" target="_blank" data-toggle="modal" data-target="#recommendModal">设置序号</a>
                                        <a href="#" type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"
                                           aria-expanded="false">
                                            <span class="caret"></span>
                                        </a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <a title="取消推荐" data-url="" data-toggle="modal" data-target="#modal" href="#modal">
                                                    <i class="Hui-iconfont">&#xe702;</i>
                                                    取消推荐
                                                </a>

                                            </li>
                                        </ul>
                                    </div>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                        <div class="col-md-4 col-sm-4  col-md-offset-5 col-sm-offset-8 pagenation">
                            <div class="btn-group">
                                <span class="btn btn-primary radius">上一页</span>
                                <span class="btn btn-default radius">1</span>
                                <span class="btn btn-default radius">2</span>
                                <span class="btn btn-default radius">3</span>
                                <span class="btn btn-default radius">...</span>
                                <span class="btn btn-default radius">下一页</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tabCon">
                    <div class="row col-md-12" style="margin-top:10px ;">
                        <div class="btn-group Statistics-class">
                            <span class="btn btn-primary radius">普通课程</span>
                            <span class="btn btn-default radius">班级课</span>
                        </div>
                    </div>
                    <div class="row col-md-12" style="margin-top: 10px;">
                        <select class="hidden-xs hidden-sm Statistics-title">
                            <option value="普通课程">课程分类</option>
                            <option value="班级课程">班级课程</option>
                            <option value="会员课程">会员课程</option>
                        </select>
                        <input type="text" placeholder="标题" class="statics-span"/>
                        <div class="clearfix statics-inputlink" style="margin-left: -10px !important;">
                            <form method="get" action="#">
                                <input type="text" placeholder="请输入关键词" class="input-text ac_input statics-inputtext11 borderradius5" id="search_text"
                                       autocomplete="off"><button type="submit" class="btn btn-primary radius">搜索</button>
                            </form>
                        </div>
                    </div>
                    <div class="row col-md-12" style="margin-top: 20px;">
                        <table class="table table-border table-bordered table-striped">
                            <thead>
                            <tr class="active text-c">
                                <td width="30%">课程名</td>
                                <td>教学计划数量</td>
                                <td>任务数量</td>
                                <td>学员总数</td>
                                <td>完成课程人数</td>
                                <td>课程学习时长(分)</td>
                                <td>课程收入(元)</td>
                                <td>操作</td>
                            </tr>
                            </thead>
                            <tbody class="text-c">
                            <tr>
                                <td>
                                    <a data-toggle="modal" data-target="#exampleModal2" href="javascript:;" class="statics-table">测试课程存放路径</a>
                                </td>
                                <td>1</td>
                                <td>2</td>
                                <td>1</td>
                                <td>0</td>
                                <td>0</td>
                                <td>0.00</td>
                                <td><a href="#" class="statics-table" data-toggle="modal"
                                       data-target=".bs-example-modal-lg">查看任务</a></td>
                            </tr>
                            <tr>
                                <td>
                                    <a data-toggle="modal" data-target="#exampleModal2" data-url="" href="javascript:;" class="statics-table">测试课程存放路径</a>
                                </td>
                                <td>1</td>
                                <td>2</td>
                                <td>1</td>
                                <td>0</td>
                                <td>0</td>
                                <td>0.00</td>
                                <td><a href="#" class="statics-table" data-toggle="modal"
                                       data-target=".bs-example-modal-lg">查看任务</a></td>
                            </tr>
                            <tr>
                                <td>
                                    <a data-toggle="modal" data-target="#exampleModal2" data-url="" href="javascript:;" class="statics-table">测试课程存放路径</a>
                                </td>
                                <td>1</td>
                                <td>2</td>
                                <td>1</td>
                                <td>0</td>
                                <td>0</td>
                                <td>0.00</td>
                                <td><a href="#" style="text-align: center;color: #428bca;text-decoration: none;" data-toggle="modal"
                                       data-target=".bs-example-modal-lg">查看任务</a></td>
                            </tr>
                            <tr>
                                <td>
                                    <a data-toggle="modal" data-target="#exampleModal2" data-url="" href="javascript:;" style="color: #428bca;text-decoration: none;">测试课程存放路径</a>
                                </td>
                                <td>1</td>
                                <td>2</td>
                                <td>1</td>
                                <td>0</td>
                                <td>0</td>
                                <td>0.00</td>
                                <td><a href="#" class="statics-table" data-toggle="modal"
                                       data-target=".bs-example-modal-lg">查看任务</a></td>
                            </tr>
                            <tr>
                                <td>
                                    <a data-toggle="modal" data-target="#exampleModal2" data-url="" href="javascript:;" class="statics-table">测试课程存放路径</a>
                                </td>
                                <td>1</td>
                                <td>2</td>
                                <td>1</td>
                                <td>0</td>
                                <td>0</td>
                                <td>0.00</td>
                                <td><a href="#"  class="statics-table" data-toggle="modal" data-target=".bs-example-modal-lg">查看任务</a></td>
                            </tr>
                            <tr>
                                <td>
                                    <a data-toggle="modal" data-target="#exampleModal2" data-url="" href="javascript:;" class="statics-table">测试课程存放路径</a>
                                </td>
                                <td>1</td>
                                <td>2</td>
                                <td>1</td>
                                <td>0</td>
                                <td>0</td>
                                <td>0.00</td>
                                <td><a href="#" style="text-align: center;color: #428bca;text-decoration: none;" data-toggle="modal"
                                       data-target=".bs-example-modal-lg">查看任务</a></td>
                            </tr>
                            <tr>
                                <td>
                                    <a data-toggle="modal" data-target="#exampleModal2" data-url="" href="javascript:;" class="statics-table">测试课程存放路径</a>
                                </td>
                                <td>1</td>
                                <td>2</td>
                                <td>1</td>
                                <td>0</td>
                                <td>0</td>
                                <td>0.00</td>
                                <td><a href="#" class="statics-table" data-toggle="modal"
                                       data-target=".bs-example-modal-lg">查看任务</a></td>
                            </tr>
                            <tr>
                                <td>
                                    <a data-toggle="modal" data-target="#exampleModal2" data-url="" href="javascript:;"  class="statics-table">测试课程存放路径</a>
                                </td>
                                <td>1</td>
                                <td>2</td>
                                <td>1</td>
                                <td>0</td>
                                <td>0</td>
                                <td>0.00</td>
                                <td><a href="#" style="text-align: center;color: #428bca;text-decoration: none;" data-toggle="modal"
                                       data-target=".bs-example-modal-lg">查看任务</a></td>
                            </tr>
                            <tr>
                                <td>
                                    <a data-toggle="modal" data-target="#exampleModal2" data-url="" href="javascript:;" class="statics-table">测试课程存放路径</a>
                                </td>
                                <td>1</td>
                                <td>2</td>
                                <td>1</td>
                                <td>0</td>
                                <td>0</td>
                                <td>0.00</td>
                                <td><a href="#" class="statics-table" data-toggle="modal"
                                       data-target=".bs-example-modal-lg">查看任务</a></td>
                            </tr>
                            <tr>
                                <td>
                                    <a data-toggle="modal" data-target="#exampleModal2" data-url="" href="javascript:;" class="statics-table">测试课程存放路径</a>
                                </td>
                                <td>1</td>
                                <td>2</td>
                                <td>1</td>
                                <td>0</td>
                                <td>0</td>
                                <td>0.00</td>
                                <td><a href="#" class="statics-table" data-toggle="modal"
                                       data-target=".bs-example-modal-lg">查看任务</a></td>
                            </tr>
                            </tbody>
                        </table>
                        <div class="col-md-4 col-sm-4  col-md-offset-5 col-sm-offset-8 pagenation">
                            <div class="btn-group">
                                <span class="btn btn-primary radius">上一页</span>
                                <span class="btn btn-default radius">1</span>
                                <span class="btn btn-default radius">2</span>
                                <span class="btn btn-default radius">3</span>
                                <span class="btn btn-default radius">...</span>
                                <span class="btn btn-default radius">下一页</span>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>
    <!-- Modal -->
    <!-- 查看任务模态框区域区域开始 -->
    <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content" style="border-radius: 8px;">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">测试课件</h4>
                </div>
                <div class="modal-body" style="height: 100px;">
                    <div class="pull-right" style="margin-bottom: 20px;margin-left: 820px;">
                        <a class="btn btn-primary btn-sm task-export" data-prepare-url="" data-export-url="" href="javascript:;" style="border-radius: 5px;background-color:#5a98de">导出</a>
                    </div>
                    <div class="table-responsive">
                        <table class="table table-bordered" style="word-break:break-all;text-align:center;">
                            <tbody>
                            <tr class="active text-c">
                                <td>任务名</td>
                                <td>学习人数</td>
                                <td>完成人数</td>
                                <td>平均学习时长(分)</td>
                                <td>音视频时长(分)</td>
                                <td>音视频平均观看时长(分)</td>
                                <td>测试平均得分</td>
                            </tr>
                            <tr class="text-c">
                                <td>测试课件</td>
                                <td>0</td>
                                <td>0</td>
                                <td>0</td>
                                <td>
                                    60
                                </td>
                                <td>
                                    --
                                </td>
                                <td>
                                    --
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <div class="modal-footer borderradius8" style="margin-top: 50px;">
                    <button type="button" class="btn btn-primary" data-dismiss="modal" style="border-radius: 5px;">确定</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal" style="border-radius: 5px;">取消</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 查看任务模态框区域区域结束 -->
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content" style="border-radius: 8px;">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">设置推荐课程</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <label>序号:</label>
                    <form action="#">
                        <input type="text" style="position: absolute;top:10px;left: 70px;width: 200px;height: 30px;border: 1px solid gainsboro;border-radius: 5px;">
                    </form>
                    <span style="margin-left: 50px;margin-top: 10px;">请输入0-10000的整数</span>
                </div>
                <div class="modal-footer" style="border-radius: 8px;">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal" style="border-radius: 5px;">确定</button>
                    <button type="button" class="btn btn-default" style="border-radius: 5px;">关闭</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content" style="border-radius: 8px;width: 800px;">
                <div class="modal-header">
                    <h5 class="modal-title">测试课件的数据</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="pull-right" style="margin-left: 720px;margin-bottom: 15px;">
                        <a class="btn btn-primary btn-sm task-export" data-prepare-url="" data-export-url="" href="javascript:;">导出</a>
                    </div>
                    <div class="table-responsive">
                        <table class="table table-border table-bordered table-striped" style="word-break:break-all;text-align:center;">
                            <tbody>
                            <thead>
                            <tr class="active text-c">
                                <td>用户名</td>
                                <td>加入课程时间</td>
                                <td>完成课程时间</td>
                                <td>课程学习天数</td>
                                <td>课程学习时长（分）</td>
                                <td>提问数</td>
                                <td>笔记数</td>
                            </tr>
                            </thead>
                            <tbody class="text-c">
                            <tr>
                                <td>18655645512</td>
                                <td>2020-06-01 09:04:05</td>
                                <td>---</td>
                                <td>2</td>
                                <td>---</td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                            <tr>
                                <td>18655645512</td>
                                <td>2020-06-01 09:04:05</td>
                                <td>---</td>
                                <td>2</td>
                                <td>---</td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                            <tr>
                                <td>18655645512</td>
                                <td>2020-06-01 09:04:05</td>
                                <td>---</td>
                                <td>2</td>
                                <td>---</td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                            <tr>
                                <td>18655645512</td>
                                <td>2020-06-01 09:04:05</td>
                                <td>---</td>
                                <td>2</td>
                                <td>---</td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                            <tr>
                                <td>18655645512</td>
                                <td>2020-06-01 09:04:05</td>
                                <td>---</td>
                                <td>2</td>
                                <td>---</td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                            <tr>
                                <td>18655645512</td>
                                <td>2020-06-01 09:04:05</td>
                                <td>---</td>
                                <td>2</td>
                                <td>---</td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                            <tr>
                                <td>18655645512</td>
                                <td>2020-06-01 09:04:05</td>
                                <td>---</td>
                                <td>2</td>
                                <td>---</td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                            <tr>
                                <td>18655645512</td>
                                <td>2020-06-01 09:04:05</td>
                                <td>---</td>
                                <td>2</td>
                                <td>---</td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                            <tr>
                                <td>18655645512</td>
                                <td>2020-06-01 09:04:05</td>
                                <td>---</td>
                                <td>2</td>
                                <td>---</td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                            <tr>
                                <td>18655645512</td>
                                <td>2020-06-01 09:04:05</td>
                                <td>---</td>
                                <td>2</td>
                                <td>---</td>
                                <td>0</td>
                                <td>0</td>
                            </tr>
                            </tbody>
                            </tbody>

                        </table>
                        <div class="btn-group" style="margin-left: 250px;margin-top: 15px;">
                            <span class="btn btn-primary radius">上一页</span>
                            <span class="btn btn-default radius">1</span>
                            <span class="btn btn-default radius">2</span>
                            <span class="btn btn-default radius">3</span>
                            <span class="btn btn-default radius">...</span>
                            <span class="btn btn-default radius">下一页</span>
                        </div>
                    </div>
                </div>
                <div class="modal-footer" style="border-radius: 8px;">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal" style="border-radius: 5px;background-color: #5a98de;">确定</button>
                    <button type="button" class="btn btn-default" style="border-radius: 5px;">关闭</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 个人信息 -->
    <div class="modal fade" id="exampleModal3" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content borderradius8">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title">个人详细信息</h4>
                </div>
                <div class="modal-body">
                    <table class="table table-striped table-condenseda table-bordered">
                        <tbody>
                        <tr>
                            <th width="25%">用户名</th>
                            <td width="75%">
                                15688888888
                                <a class="pull-right personman-information" href="#" target="_blank">个人主页</a>
                            </td>
                        </tr>
                        <tr>
                            <th>用户组</th>
                            <td>
                                学员
                                教师
                                管理员
                                超级管理员
                            </td>
                        </tr>
                        <tr>
                            <th>注册时间/IP</th>
                            <td>
                                2020-4-15 15:24:16
                                /
                                125.120.208.61 中国浙江杭州
                            </td>
                        </tr>

                        <tr>
                            <th>最近登录时间/IP</th>
                            <td>
                                2020-6-03 15:17:03
                                / 116.24.67.57 中国广东深圳
                            </td>
                        </tr>
                        <tr>
                            <th>学段</th>
                            <td>
                                小学
                            </td>
                        </tr>
                        <tr>
                            <th>学科</th>
                            <td>
                                数学
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer borderradius5"> <button type="button" class="btn btn-primary borderradius5" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 短信推送模态框 -->
    <div class="modal fade" id="sendmessagemodel" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content borderradius8">
                <div class="modal-header">
                    <h5 class="modal-title">短信推送</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <label style="margin-left: 100px;">请联系超级管理员，开启云短信相关设置。</label>
                </div>
                <div class="modal-footer borderradius8">
                    <button type="button" class="btn btn-secondary borderradius5" data-dismiss="modal">确定</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="recommendModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
         aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content borderradius8">
                <div class="modal-header">
                    <h5 class="modal-title">设置推荐课程</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form>
                        <label class="message-label">序号：</label>
                        <input class="label-input" type="text"><br>
                        <span style="margin-left: 145px;">请输入0-10000的整数</span>
                    </form>
                </div>
                <div class="modal-footer borderradius8">
                    <a data-dismiss="modal" style="margin-right: 10px;">取消</a>
                    <button class="btn btn-secondary borderradius5" type="submit">确定</button>
                </div>
            </div>
        </div>
    </div>

    <!-- 计划详情模态框 -->
    <div class="modal fade" id="plannumber" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content borderradius8">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title">计划详情</h4>
                </div>
                <div class="modal-body">
                    <table class="table table-striped table-hover" id="course-table" style="word-break:break-all;">
                        <thead class="text-c">
                        <tr>
                            <th>计划编号</th>
                            <th>名称</th>
                            <th>价格</th>
                            <th>计划状态</th>
                            <th>学员数</th>
                            <th>创建者</th>
                            <th>创建时间</th>
                        </tr>
                        </thead>
                        <tbody class="text-c">
                        <tr>
                            <td>2768</td>
                            <td><a href="/course/2768" target="_blank">教宗冲刺直播</a></td>
                            <td>100.00</td>
                            <td><span class="color-success" style="color: #70d445!important;">已发布</span>
                            </td>
                            <td>0</td>
                            <td>18655645512</td>
                            <td>2020-06-03 16:59:04</td>
                        </tr>
                        <tr>
                            <td>2768</td>
                            <td><a href="/course/2768" target="_blank">教宗冲刺直播</a></td>
                            <td>100.00</td>
                            <td> <span class="color-success" style="color: #e83d2c!important;">已关闭</span>
                            </td>
                            <td>0</td>
                            <td>18655645512</td>
                            <td>2020-06-03 16:59:04</td>
                        </tr>
                        <tr>
                            <td>2768</td>
                            <td><a href="/course/2768" target="_blank">教宗冲刺直播</a></td>
                            <td>100.00</td>
                            <td> <span class="color-success" style="color: gray!important;">未发布</span>
                            </td>
                            <td>0</td>
                            <td>18655645512</td>
                            <td>2020-06-03 16:59:04</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer borderradius8"></div>
            </div>
        </div>
    </div>
    <!-- 创建课程 -->
    <form action="{:url('course_set/choose_course')}" id="form1" method="post" class="form-horizontal margin-top-20" onsubmit="choose_course();">
    <div class="modal fade" id="createclassModel" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content borderradius8" style="width: 800px;">
                <div class="modal-header">
                    <h5 class="modal-title" id="staticBackdropLabel">创建课程</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="card">
                                <div class="card-body">
                                    <!--选择类型-->
                                    <div class="checkType">
                                        <h3>选择类型</h3>
                                    </div>
                                    <!--创建课程列表-->
                                    <div class="lessonList" style="margin-top:30px;">
                                        <div class="lessonList-item actived col-md-3 col-sm-3 col-xs-4 nomal">
                                            <div class="lesson-img">
                                                <img src="./static/h-ui/images/nomal-check.png" alt="">
                                            </div>
                                            <div class="lesson-title">
                                                普通课程
                                            </div>
                                            <div class="lesson-intro">
                                                <p>
                                                    支持视频、图文、PPT等各种形式，支持作业、笔记等多个学习工具的课程
                                                </p>
                                            </div>
                                        </div>
                                        <div class="lessonList-item col-md-3 col-sm-3 col-xs-4 live">
                                            <div class="lesson-img">
                                                <img src="./static/h-ui/images/live.png" alt="">
                                            </div>
                                            <div class="lesson-title">
                                                直播课程
                                            </div>
                                            <div class="lesson-intro">
                                                <p>
                                                    以直播为教学形式的，支持多个学习工具的课程
                                                </p>
                                            </div>
                                        </div>
                                        <div class="lessonList-item col-md-3 col-sm-3 col-xs-4 face">
                                            <div class="lesson-img">
                                                <img src="./static/h-ui/images/face.png" alt="">
                                            </div>
                                            <div class="lesson-title">
                                                面授课程
                                            </div>
                                            <div class="lesson-intro">
                                                <p>
                                                    线下课程，老师现场授课学生集中学习，页面仅做展示和购买
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <!--/创建课程列表-->

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer borderradius8">
                    <input type="hidden" name="course_type" value="1">
                    <button type="submit" class="btn btn-secondary borderradius5">创建</button>
                    <button type="button" class="btn borderradius5" data-dismiss="modal" style="background-color: white;color: #000000;">取消</button>
                </div>
            </div>
        </div>
    </div>
    </form>
    <!-- 这里是_footer.html -->
    {include file="public/footer"}
    <script type="text/javascript" charset="utf-8" src="../../static/lib/layer/2.4/layer.js"> </script>
    <script type="text/javascript" charset="utf-8" src="../../static/lib/ajaxForm.js"> </script>
    <script>
        $(function() {
            var _bodyHeight = $(window).height();
            $(".containBox").height(_bodyHeight);
            /*左右滑动菜单*/
            $(".JS-nav-toggle").click(function() {
                $("body").addClass('sideBox-open');
                $(".containBox-bg").height(_bodyHeight).show();
            });
            $(".containBox-bg").click(function() {
                $(this).hide();
                $("body").removeClass('sideBox-open');
            });
            jQuery.Huitab = function(tabBar, tabCon, class_name, tabEvent, i) {
                var $tab_menu = $(tabBar);
                // 初始化操作
                $tab_menu.removeClass(class_name);
                $(tabBar).eq(i).addClass(class_name);
                $(tabCon).hide();
                $(tabCon).eq(i).show();

                $tab_menu.bind(tabEvent, function() {
                    $tab_menu.removeClass(class_name);
                    $(this).addClass(class_name);
                    var index = $tab_menu.index(this);
                    $(tabCon).hide();
                    $(tabCon).eq(index).show()
                })
            }

            $.Huitab("#tab_demo .tabBar span", "#tab_demo .tabCon", "current", "click", "0");
            $.Huitab("#tab_demo2 .tabBar span", "#tab_demo2 .tabCon", "current", "click", "0");

            $("#form1").ajaxForm(
                {
                    dataType:'json',
                    success: function (data) {
                        if(data.code == 400){
                            layer.msg(data.msg, {icon: 5});
                        }else {
                            $('[data-dismiss="modal"]').click();
                            console.log(data);
                            window.location.href=data.data;
                        }
                    },
                    error:function (data) {
                        console.log(data);
                        alert(data.msg);
                    }
                }
            );

            $(".lessonList-item").click(function () {
                $(this).siblings().removeClass("actived");
                $(this).addClass("actived");
                if($(this).hasClass("nomal")) {
                    $(".live").find("img").attr("src","./static/h-ui/images/live.png");
                    $(".face").find("img").attr("src","../static/h-ui/images/face.png");
                    $(this).find(".lesson-img").find("img").attr("src","./static/h-ui/images/nomal-check.png");
                } else if ($(this).hasClass("live")) {
                    $(".nomal").find("img").attr("src","./static/h-ui/images/nomal.png");
                    $(".face").find("img").attr("src","./static/h-ui/images/face.png");
                    $(this).find(".lesson-img").find("img").attr("src","./static/h-ui/images/live-check.png");
                } else {
                    $(".nomal").find("img").attr("src","./static/h-ui/images/nomal.png");
                    $(".live").find("img").attr("src","./static/h-ui/images/live.png");
                    $(this).find(".lesson-img").find("img").attr("src","./static/h-ui/images/face-check.png");
                }
            })

        });
        $(".menu_dropdown .classma").attr('style','display:block');
        $('#selectivity').selectivity({
            allowClear: true,
            items: ['教师资格证', '幼儿教师','教综系列', '专业课系列', '冲刺课程','教育教学知识', '教学设计'],
            placeholder: '输入标签名称关键字'
        });
        $('#inputa').val($('#selectivity').val());




    </script>
    <script>
        //单独打开内容页加上返回首页图标
        if( window.top == window.self ) {
            var gohome = '<div class="gohome"><a class="animated bounceInUp" href="http://wx.shichuedu.com/backend" title="返回综合首页"><i class="fa fa-home"></i></a></div>';
            $("body").append(gohome)
        }
    </script>
    <script>
        function choose_course() {
            var course_name = $('.lessonList-item.actived .lesson-title').html();
            if(course_name == '普通课程'){
                $('[name="course_type"]').val(1);
            }else if(course_name == '直播课程'){
                $('[name="course_type"]').val(2);
            }else if(course_name == '面授课程'){
                $('[name="course_type"]').val(3);
            }
        }
    </script>
    </html>
